<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>农芯乐信息管理系统</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
</head>

<body style="background:#328f46">
<div class="headiv">
	<div class="logotag">
        <a class="logo"><img src="img/logo.png" width="440" height="65"></a>
        <b class="line"></b>
    </div>
    <a class="username">欢迎登录：<i>admin</i></a>
    <span class="btnbox">
    	<a class="update" href="#" title="修改"></a><a class="exit" href="#" title="退出"></a>
    </span>
    <div class="clear" style="height:20px; background:#328f46"></div>
</div>

<div class="messagebox">
	<div class="messageleft">
    	<ul class="Fstage">
        	<li><a href="#"><em class="e1"></em>常用操作<div class="clear"></div></a>
            	<ul class="Tstage" >
                	<li><a href="Manage_welcome.html">欢迎页面</a></li>
                    <li><a href="#">账号页面</a></li>
                    <li><a href="Manage_statistics.html">县域统计</a></li>
                </ul>
            </li>
            <li><a href="#"><em class="e2"></em>账号管理<div class="clear"></div></a>
            	<ul class="Tstage">
                	<li><a href="Manage_account.html">账户信息</a></li>
                    <li><a href="Manage_safe.html">账户安全</a></li>
                </ul>
            </li>
            <li><a href="#"><em class="e3"></em>县域统计<div class="clear"></div></a>
            	<ul class="Tstage">
                	<li><a href="Manage_tiyan.html">县域交易额信息</a></li>
                    <li><a href="Manage_tiyan.html">体验店信息</a></li>
                    <li><a href="Manage_pinkun.html">贫困户信息</a></li>
                    <li><a href="Manage_diansh.html">电商培训</a></li>
                    <li><a href="Manage_wuliu.html">物流车辆</a></li>
                </ul>
            </li>
           
        </ul>
    </div>
    <div class="messageright">
    	<div class="formpage">
        	<div class="clear" style="height:20px"></div>
        	<h2>账户安全</h2>
            <div class="clear" style="height:50px"></div>
          	<h3>您的账户信息</h3>
            <span class="information">
            	<div class="clear" style="height:10px"></div>
            	<a class="headpic" href="#"><img src="img/sm_headpic.jpg" ></a>
                <span>
                	<p>登录帐号 ：测试体验店</p>
                    <p>绑定邮箱 ：</p>
                    <p>手机号码 ：09390482</p>
                    <p>上次登录 ：2017年01月13日&nbsp;&nbsp;&nbsp;&nbsp;14:11:56&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;IP地址：223.11.48.169（不是您登录的请立即<a class="link" href="#">修改密码</a>）</p>
                </span>
                <div class="clear"></div>
            </span>
            <div class="clear" style="height:50px"></div>
            <h3>您的安全服务</h3>
            <p class="safelev">当前安全等级：<b>高</b><i>（您目前账户运行很安全）</i></p>
            <div class="clear" style="height:40px;"></div>
            <div class="safelist">
            	
                <table width="60%">
                	<tr>
                    	<td height="80" width="5%" ><span class="sficon sfi1"><em class="yes"></em></span></td>
                        <td width="30%" ><span class="sftit"><p>登陆密码<br/><i class="green">[已设置]</i></p></span></td>
                        <td width="50%" class="sftext">
                        	<p>安全性高的密码可以使帐号更安全。建议您定期更换密码，且设置一个包含数字和字母，并长度超过6位以上的密码，为保证您的账户安全，只有在您绑定邮箱或手机后才可以修改密码。</p>
                        </td>
                        <td width="5%" class="sfbtn"><a href="#">修改密码</a></td>
                    </tr>
                    <tr>
                    	<td height="80" width="5%" ><span class="sficon sfi2"><em class="yes"></em></span></td>
                        <td width="30%" ><span class="sftit"><p>登陆密码<br/><i class="green">[已设置]</i></p></span></td>
                        <td width="50%" class="sftext">
                        	<p>安全性高的密码可以使帐号更安全。建议您定期更换密码，且设置一个包含数字和字母，并长度超过6位以上的密码，为保证您的账户安全，只有在您绑定邮箱或手机后才可以修改密码。</p>
                        </td>
                        <td width="5%" class="sfbtn"><a href="#">修改密码</a></td>
                    </tr>
                    <tr>
                    	<td height="80" width="5%" ><span class="sficon sfi3"><em class="yes"></em></span></td>
                        <td width="30%" ><span class="sftit"><p>登陆密码<br/><i class="green">[已设置]</i></p></span></td>
                        <td width="50%" class="sftext">
                        	<p>安全性高的密码可以使帐号更安全。建议您定期更换密码，且设置一个包含数字和字母，并长度超过6位以上的密码，为保证您的账户安全，只有在您绑定邮箱或手机后才可以修改密码。</p>
                        </td>
                        <td width="5%" class="sfbtn"><a href="#">修改密码</a></td>
                    </tr>
                    <tr>
                    	<td height="80" width="5%" ><span class="sficon sfi4"><em class="no"></em></span></td>
                        <td width="30%" ><span class="sftit"><p>登陆密码<br/><i class="red">[未设置]</i></p></span></td>
                        <td width="50%" class="sftext">
                        	<p>安全性高的密码可以使帐号更安全。建议您定期更换密码，且设置一个包含数字和字母，并长度超过6位以上的密码，为保证您的账户安全，只有在您绑定邮箱或手机后才可以修改密码。</p>
                        </td>
                        <td width="5%" class="sfbtn"><a href="#">修改密码</a></td>
                    </tr>
                    
                </table>
            </div>
        </div>
    </div>
    <div class="clearh" style="height:0"></div>
</div>

</body>
</html>
<script>
	$(".Fstage>li").click(function(){
		if($(this).children("ul").hasClass("Tstage"))
		$(this).siblings("li").children("ul").hide();
		$(this).children("ul").slideDown();
	});
</script>
